<template>
    <div class="allFood">
        <!-- 头部留住 -->
        <div class="header">
            <div class="header-box">
            <HeaderNav/>
            </div>
        </div>
        <!-- 中间内容 -->
        <div class="content">

        </div>
        <Dining1/>
    </div>
   
</template>
<script>
import Dining1 from '../components/ld/C-dining.vue' 
import HeaderNav from '../components/ld/header'
export default {
    name:'Dining',
    components:{HeaderNav,Dining1}
}
</script>
<style lang="less" scoped>
.header{
    width: 100%;
    background-color: rgb(248,248,248);
    .header-box{
        width: 1200px;
        margin: 0 auto;
    }
}
.footer{
  margin-top: 80px;
  width: 100%;
  background-color: rgb(26,26,26);
  .footer-box{
      width: 1200px;
      margin: 0 auto;
  }
}
    
</style>